.StarryComponent {
    @keyframes Rotate_StarrySky {
        0% {
            transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
        }

        100% {
            transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
        }
    }

    .stars_starrySky {
        transform: perspective(500px);
        transform-style: preserve-3d;
        position: absolute;
        bottom: 0;
        perspective-origin: 50% 100%;
        left: 50%;
        animation: Rotate_StarrySky 90s infinite linear;
    }

    .star_starrySky {
        width: 2px;
        height: 2px;
        background: #F7F7B6;
        position: absolute;
        top: 0;
        left: 0;
        transform-origin: 0 0 -300px;
        transform: translate3d(0, 0, -300px);
        backface-visibility: hidden;
    }

    .table {
        width: 400px;
        height: 350px;
        margin: 80px auto;
    }

    .table form {
        width: 100%;
    }

    .table .name {
        width: 280px;
        margin: 20px auto 30px auto;
        display: block;
        height: 30px;
        border-radius: 20px;
        border: none;
        background: rgba(0, 0, 0, 0.2);
        text-indent: 0.5em;
    }

    .table .btn {
        width: 100px;
        height: 30px;
        background: rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        border: none;
        color: white;
        margin: 0 auto;
        display: block;
    }
}